<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body class="my">
		<main>
			<!-- 头像 -->
			<section id="head">
				<div class="head-data">
					<span class="iconfont icon-vip"></span>
					<div class="head-img">
						<img src="#" alt="" id="img" />
					</div>
					<p id="name">用户名</p>
					<a href="my_modify.html" class="skip"
						><i class="iconfont icon-skip"></i
					></a>
				</div>
				<p class="signature">个性签名: <span id="signature"> xxxxx</span></p>
			</section>
			<!-- 运动数据 -->
			<section id="sportsData">
				<p class="title"><i class="iconfont icon-statistics"></i>运动数据</p>
				<a href="my_data.html" class="skip1"
					><i class="iconfont icon-skip"></i
				></a>
				<div class="data-content">
					<div class="total-motion">
						<p>总运动</p>
						<p class="time"><span id="sportNum">9999</span>分钟</p>
					</div>
					<i></i>
					<div class="week-cosum">
						<p class="word">本周消耗</p>
						<p class="week-data"><span id="cosumNum">9999</span>千卡</p>
					</div>
				</div>
			</section>
			<!-- 运动徽章 -->
			<section id="SportsBadge">
				<p><span class="iconfont icon-letter2"></span>我的运动徽章</p>
				<a href="my_badge.html" class="skip2"
					><i class="iconfont icon-skip"></i
				></a>
				<ul>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</section>
			<!-- 退出登录 -->
			<section id="logOut">
				<button type="button" id="btn">退出登录</button>
			</section>
		</main>
		<!-- tabbar -->
		<nav class="tabbar"></nav>
	</body>
</html>
